<!DOCTYPE>
<html>
<head>
<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>首页</title>
<%@ include file="./views/common/home_head.jsp" %>
</head>
<body>
	<div class="header">
		<%@ include file="./views/common/navbar.jsp" %>

		<!-- Slider -->
		<div class="slider">
			<ul class="rslides" id="slider">
				<li><img src="images/banner3.jpg" alt="" /></li>
				<li><img src="images/banner2.jpg" alt="" /></li>
				<li><img src="images/banner1.jpg" alt="" /></li>
			</ul>
		</div>
		<!-- //Slider -->

	</div>
	

	<!-- trend -->
	<div class="trend-w3layouts">
		<div class="container">
			<h2>热门游戏</h2>
			<ul id="flexiselDemo1">
				<c:if test="${!empty hots }">
					<c:forEach items="${hots }" var="h">
						<li>
							<div class="trend-grid">
								<h4><a href="${pageContext.request.contextPath }/getPalyDetail?gid=${h.palyId}">${h.palyName }</a></h4>
								<img src="${pageContext.request.contextPath}/images/games/${h.palyImg}" width="250" height="340" alt="${h.palyName } " class="img-responsive" />
							</div>
						</li>
					</c:forEach>
				</c:if>
			</ul>
		</div>
	</div>
	<!-- //trend -->



	<!-- new games -->
	<div class="new-w3-agile">
		<div class="container">
			<h3>最新游戏</h3>
			<c:if test="${!empty news }">
				<c:forEach items="${news }" var="n">
					<div class="col-md-3 new-grid-w3l view view-eighth">
						<img src="${pageContext.request.contextPath}/images/games/${n.palyImg}" width="250" height="250" alt="${n.palyName } " />
						<div class="mask">
							<a href="${pageContext.request.contextPath }/getPalyDetail?gid=${n.palyId}">
								<h4>${n.palyName }</h4>
							</a>
							<p><a href="${pageContext.request.contextPath }/getPalyDetail?gid=${n.palyId}">查看更多</a></p>
						</div>
					</div>
				</c:forEach>
			</c:if>
			<div class="clearfix"></div>
		</div>
	</div>
	<!-- //new games-->



	<div class="services-bottom-w3-agileits">
		<div class="container">
			<div class="wthree_info">
				<section class="slider">
					<div class="flexslider">
						<ul class="slides">
							<li>
								<div class="wthree_info_grid">
									<h3>游戏开发者</h3>
									<p>如果你想将你开发的游戏放到我们的平台,请申请成为一名开发者</p>
									<a href="${pageContext.request.contextPath }/developer/campaign" class="learn">了解更多</a>
								</div>
							</li>
							<li>
								<div class="wthree_info_grid">
									<h3>游戏开发者</h3>
									<p>如果你想让更多的人游玩你的游戏,请申请成为一名开发者</p>
									<a href="${pageContext.request.contextPath }/developer/campaign" class="learn">了解更多</a>
								</div>
							</li>
							<li>
								<div class="wthree_info_grid">
									<h3>游戏开发者</h3>
									<p>如果你想将你的游戏给你带来一点收入,请申请成为一名开发者</p>
									<a href="${pageContext.request.contextPath }/developer/campaign" class="learn">了解更多</a>
								</div>
							</li>
						</ul>
					</div>
				</section>
				
			</div>
		</div>
	</div>
	<%@ include file="./views/common/footer.jsp" %>
	<%@ include file="./views/common/loginModal.jsp" %>
	
</body>
</html>